<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>样式</title>
    <link rel="stylesheet" href="./my.css">
    <!-- <style>
        p {
            color: purple;
            font-size: 26px;
        }

        div {
            color: blue;
            font-size: 28px;
        }
    </style> -->
</head>

<body>
    <p>这是紫色的字体，字号是26px</p>
    <div>这是蓝色的字体，字号是28px</div>
    <label>这是一句话</label>
    <h1>爱神的箭</h1>
    <h2>爱神的箭</h2>
    <p class="brown">爱神的箭</p>
    <p id="pink">爱神的箭</p>

    <div class="red">div1</div>
    <div class="blue">div2</div>
    <p class="my">
        你是猪吗？阿巴阿巴阿巴...你是猪吗？阿巴阿巴阿巴...你是猪吗？阿巴阿巴阿巴...你是猪吗？阿巴阿巴阿巴...你是猪吗？阿巴阿巴阿巴...你是猪吗？阿巴阿巴阿巴...你是猪吗？阿巴阿巴阿巴...你是猪吗？阿巴阿巴阿巴...
    </p>
</body>

</html>